/*
Theme Name: Verhoeven leenders Thema
Theme URI: https://verhoeven-leenders.nl
Author: Tommi van Raak
Author URI: https://tommi.nl
Description: Thema voor Verhoeven leenders
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
Tags: custom-background
*/
@import url(https://fonts.googleapis.com/css?family=Biryani:200,300,400,600,700,900&display=swap);

@keyframes dotShape {
    0% {
      transform: translateY(0); }
    20% {
      transform: translateY(6px); }
    40% {
      transform: translateY(0); }
    100% {
      transform: translateY(0); } }
  
  @keyframes arrowShape {
    0% {
      transform: scale(1); }
    40% {
      transform: scale(1); }
    60% {
      transform: scale(1.1); }
    80% {
      transform: scale(1); }
    100% {
      transform: scale(1); } }

/*cookie consent pop up*/
.close_cookie{}

#allow_cookie,#deny_cookie, #allow_cookie:checked + #cookie_consent_popup,#deny_cookie:checked + #cookie_consent_popup{
    display: none;
}

#cookie_consent_popup{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 80px;
    background-color: #fabc43;
    padding: 20px;
    z-index: 2000;
}

#cookie_consent_popup h1{
    font-size: 1.2em;
    margin-bottom: 0!important;
}

#cookie_consent_popup h1::before{
    content: "";
    padding: 0;
}

#cookie_consent_popup p{
    font-size: 0.9em;
}

#cookie_consent_popup #close_cookie_box{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 1.3em;
}

#cookie_consent_popup #allow_cookie_box{
    right: 250px;
}

#cookie_consent_popup #deny_cookie_box{
    right: 100px;
}

#cookie_consent_popup #deny_cookie_box, #cookie_consent_popup #allow_cookie_box{
    background-color: #de6f10;
    border: #de6f10 1px solid;
    color: #fff;
    cursor: pointer;
    font-size: 1.0em;
    bottom: 20px;
    position: absolute;
    padding: 10px 20px;
}

#cookie_consent_popup #deny_cookie_box:hover, #cookie_consent_popup #allow_cookie_box:hover{
    background-color: #FFF;
    color: #de6f10;
}

header .main-nav{
    display: block;
    text-align: center;
    width: 100%;
}

header .main-nav ul li a, header .main-nav ul li a:visited{
    padding: 15px 25px;
}

.main-nav ul li{
    margin-bottom: 20px !important;
}

body{
    font-family: "Biryani", sans-serif;
    font-size: 1rem;
    line-height: 125%;
    background: #fff;
    font-weight: 300;
    overflow-x: hidden;
    overflow-anchor: none;
}
/* Scrollbar aan of uit
body::-webkit-scrollbar {
    display: none;
}
*/

:focus{
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

header{
    position: fixed;
    z-index: 1000;
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    border-bottom: 2px solid #eaeaea;
    height: 80px;
}

.page-with-header .mainmenu{
    background: none;
    background-color: transparent;
}

html, body, div, span, section, object, b, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,ul,li,u,i,label,form,small,img,details,nav,menu,header,footer,caption,table,tbody,tfoot,thead,tr,th,td,figure,figcaption,summary{
    margin: 0;
    color: #252e39;
}

.block h1, .block h2, .block h3, .block h4, .block h5, .block h6{
    margin: 30px 0px 15px;
}

header .container{
    min-height: auto;
}

*{
    box-sizing: border-box;
}

.floating-logo span{
    font-size: 0.75rem;
    padding-top: 15px;
}

ul,li,p,ol,a,b,i,textarea,input,button,span{
    line-height: 1.8;
    font-family: "Biryani", sans-serif;
}


h1, h2, h3, h4, h5, h6{
    text-transform: uppercase;
    font-family: "Biryani", serif;
}

.h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child{
    margin-bottom: 0;
}

nav{
    display: block;
}

h1, .related-title{
    font-size: 1.875rem;
    letter-spacing: 14px;
    line-height: 1.8;
    font-weight: 900;
}

h1{
    margin-bottom: 15px;
}


h2{
    font-size: 2.375rem;
    line-height: 135%;
}

h3{
    font-size: 1.75rem;
    line-height: 135%;
}

h4{
    font-size: 1.5rem;
    line-height: 135%;
    font-weight: bold;
}

h5{
    font-weight: 700!important;
    font-size: 1.25rem;
    line-height: 135%;
}

h6{
    font-weight: 700!important;
    font-size: 1.05rem;
}

ul{
    list-style-type: none;
}

img{
    max-width: 100%;
    margin: 0 auto;
}

/* contact form */
.contact-us{
    background: #252e39;
    padding-top: 50px !important;
    margin-bottom: 150px;
}

.contact-us .block.content-block *{
    line-height: 1.8;
    letter-spacing: 14px!important; 
}

.contact-us .button, .contact-us .btn, .contact-us a[class^="btn--"], .contact-us .button:visited, .contact-us .btn:visited, .contact-us a:visited[class^="btn--"]{
    background: #dd6f10;
    border: 1px solid #dd6f10;
}

.contact-us .button:hover, .contact-us .btn:hover, .contact-us a:hover[class^="btn--"], .contact-us .button:focus, .contact-us .btn:focus, .contact-us a:focus[class^="btn--"], .contact-us .button:visited:hover, .contact-us .btn:visited:hover, .contact-us a:visited:hover[class^="btn--"], .contact-us .button:visited:focus, .contact-us .btn:visited:focus, .contact-us a:visited:focus[class^="btn--"]{
    background: #FFF;
    color: #dd6f10;
    outline: none;
    border-color: #FFF;
}

.contact-us h2,.collection-block .part.part-diensten .part-title, .collection-block .part.part-diensten:visited .part-title, .contact-us a, .contact-us label, .contact-us span,.big-menu-wrapper .right .bottom,.footer .collection-block .part.part-vacatures .part-title, .footer .collection-block .part.part-vacatures:visited .part-title, .contact-us-input::placeholder, .contact-us-textarea::placeholder,.row.footer-row *,.big-menu-wrapper .right .bottom *, .big-menu-wrapper .sub-nav ul li a, .big-menu-wrapper .sub-nav ul li a:visited,.footer .block.nav-block nav ul li a, .footer .block.nav-block nav ul li a:visited, .big-menu-wrapper .main-nav ul li a, .big-menu-wrapper .main-nav ul li a:visited,.page-with-header .menu .menu-side a, .big-menu-wrapper .right .bottom *, .menu .menu-toggle i,.social-links li a, .social-links li a:visited, .collection-block .part.part-projecten .thumb-overlay .last_word, .collection-block .part.project-like-part .thumb-overlay .last_word, .contact-us .button, .contact-us .btn, .contact-us a[class^="btn--"], .contact-us .button:visited, .contact-us .btn:visited, .contact-us a:visited[class^="btn--"], .button:hover, a:hover[class^="btn--"], .button:focus, a:focus[class^="btn--"], .button:visited:hover, a:visited:hover[class^="btn--"], .button:visited:focus, a:visited:focus[class^="btn--"], .contact-us-textarea{
    color: #fff;
}

.contact-us-input{
    border: 1px solid #FFF;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #252e39;
    caret-color: #FFF;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-family: inherit;
	color: #FFF;
}

.contact-us-input::placeholder, .contact-us-textarea::placeholder{
    font-size: 1rem;
    text-transform: lowercase;
}

.contact-us-textarea{
    background-color: #252e39;
    border: 1px solid #FFF;
    caret-color: #FFF;
    padding: 10px 10px 3px 10px;
    font-size: 1rem;
	color: #FFF;
}

.contact .contact-us-textarea, .contact .contact-us-input{
    background-color: #fff;
    color: #252e39;
    border-color: #252e39;
    caret-color: #252e39;
}

header,.menu .logo svg,.big-menu-wrapper,.collection-block .part.part-projecten .thumb,.block-wrapper.in-row-1 .block.link-block .block-right img,.header-banner,.header-banner:before,.contact-us-textarea,.contact-us-input, .collection-block .part.project-like-part .thumb,header .logo{
    width: 100%;
}

header,header .logo,img,.header-banner,section,.my_slide span,.floating-logo .logo-wrapper,.big-menu-wrapper .main-nav ul li a, .big-menu-wrapper .main-nav ul li a:visited,.menu .menu-toggle i,.floating-logo span,.big-menu-wrapper .main-nav ul li,.menu .menu-toggle,.menu .logo svg,.collection-block .part.part-projecten .thumb-overlay .last_word, .collection-block .part.project-like-part .thumb-overlay .last_word{
    display: block;
}
.contact-success {
    text-align: center;
    padding: 45px;	
}

/* header logo */
header .logo{
    position: absolute;
    padding: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 160px;
}

/* footer */
body, footer, nav, div, ul, li{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.big-menu-wrapper .right, .big-menu-wrapper .inner-wrapper, .block-wrapper,.collection-block .part.part-recensie,.collection-block .part-row,.footer .footer-bottom-bar .container, .footer .social-wrapper, .big-menu-wrapper{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.block-wrapper .block, .block-wrapper .collection{
    margin-right: 30px;
    box-sizing: border-box;
}

.block h2:first-child{
    margin-top: 0;
}

.row {
    padding: 0px 0px 50px 0px;
}

.row.footer-row{
    background: #252e39;
    padding-top: 50px;
}

.row.footer-row .block-title{
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 6px;
}

.footer .block-title{
    text-transform: uppercase;
}

.collection-block .part-row,.row.our-projects-row .row-title{
    margin-bottom: 30px;
}

.row.footer-row .collection-block .part-row{
    margin-bottom: 5px;
}

.collection-block .part, .collection-block .part:visited,.menu .menu-side{
    margin-right: 2%;
}

.collection-block .part:last-of-type, .collection-block .part-row .part.part-medewerkers.part:nth-child(3n+3), .collection-block .part-row .part.part-medewerkers:last-child, .collection-block .part:visited:last-of-type, .block-wrapper .block:last-child, .block-wrapper .collection:last-child{
    margin-right: 0;
}

.collection-block .part.part-vacatures, .collection-block .part.part-vacatures:visited{
    padding: 0;
    background: #FFF;
    box-shadow: 0 0 0 1px #dd6f10;
    padding: 15px 60px 10px 20px;
    overflow: visible;
}

.footer .collection-block .part.part-vacatures{
    padding: 0;
    background: none;
    box-shadow: none;
}

.footer .collection-block .part.part-vacatures .part-title, .footer .collection-block .part.part-vacatures:visited .part-title{
    background: none;
    font-size: 1rem;
}

.footer .block.nav-block nav ul{
    column-count: 2;
    column-gap: 15px;
}

.footer .block.nav-block nav ul li a, .footer .block.nav-block nav ul li a:visited,.row.footer-row .block-content p{
    line-height: 2;
    font-weight: 300;
}

.page-with-header .menu .menu-side a,.big-menu-wrapper .sub-nav ul li a, .big-menu-wrapper .sub-nav ul li a:visited,.big-menu-wrapper .main-nav ul li a, .big-menu-wrapper .main-nav ul li a:visited,.menu .menu-side a,.button, a[class^="btn--"], .button:visited, a:visited[class^="btn--"],header .logo, .row.footer-row .block-content a, .row-footer-row .block-content a:visited, .footer .block.nav-block nav ul li a, .footer .block.nav-block nav ul li a:visited,.collection-block .part, .collection-block .part:visited{
    text-decoration: none;
}

.footer .footer-bottom-bar,.row.diensten-row, .collection-block .part.part-projecten .thumb-overlay, .collection-block .part.project-like-part .thumb-overlay{
    background: #fabc43;
}

.footer .footer-bottom-bar .container{
    padding: 30px 0 25px 0;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.footer .social-wrapper, .footer .footer-bottom-bar .container, .big-menu-wrapper, .header-banner .container, .collection-block .part.part-projecten .thumb-overlay, .collection-block .part.project-like-part .thumb-overlay{
    -ms-flex-align: center;
        align-items: center;
}

.social-links li{
    display: inline-block;
    margin-right: 10px;
}

.footer .social-wrapper .social-links li a, .footer .social-wrapper .social-links li a:visited{
    padding-top: 2px;
}

.social-links li a, .social-links li a:visited{
    background: #dd6f10;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding-top: 7px;
}

/* button style */
.button, a[class^="btn--"], .button:visited, a:visited[class^="btn--"]{
    background: #FFF;
    border: 1px solid #dd6f10;
    padding: 12px 20px 7px 20px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    font-size: 1rem;
}

.button:hover, a:hover[class^="btn--"], .button:focus, a:focus[class^="btn--"], .button:visited:hover, a:visited:hover[class^="btn--"], .button:visited:focus, a:visited:focus[class^="btn--"]{
    background: #dd6f10;
    outline: none;
}

/* vak rechtsonder op ieder pagina */
.floating-logo{
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 99;
    width: 270px;
    background: #FFF;
    padding: 25px;
    box-shadow: 1px 0px 32px -8px rgba(0, 0, 0, 40%);
}

.floating-logo .logo-wrapper{
    background-image: url("images/Kitemark_BSI_VerhoevenLeenders.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 120px;
}

/* navigation menu */
.menu{
    background: none;
    border: none;
}

.container{
    max-width: 1170px;
    margin: 0 auto;
}

.menu .container{
    height: 80px;
}

.menu .logo{
    max-width: 400px;
    z-index: 101;
}

.menu .logo svg,.block-wrapper.in-row-1 .block.link-block .block-right img,img,.header-banner .scroll-ico svg{
    height: auto;
}

.related-posts-wrapper .mini-post .related-mini-title, .related-posts-wrapper .mini-post:visited .related-mini-title,.single-nav .container .link-wrapper a polyline, .single-nav .container .link-wrapper .a:visited polyline, .single-nav .container .overview svg, .single-nav .container .overview:visited svg, .single-nav .container .overview rect, .single-nav .container .overview:visited rect,.collection-block .part.part-projecten, .collection-block .part.project-like-part,.contents .button, .contents .button:visited, .contents a[class^="btn--"],.filters .search-form .submit i,.row.timeline-repeater .featured-title,.collection-block .part.part-vacatures .part-title, .collection-block .part.part-vacatures:visited .part-title,header .main-nav ul li a, header .main-nav ul li a:visited,#cookie_consent_popup #deny_cookie_box, #cookie_consent_popup #allow_cookie_box, a, a:visited,.row.contact-adres-row .row-title,.related-posts-wrapper .mini-post .related-mini-title, .related-posts-wrapper .mini-post:visited .related-mini-title,.collection-block .part-row .part.part-post, .collection-block .part-row .part.part-post:visited,.collection-block .part-row .part.part-post:hover, .collection-block .part-row .part.part-post:visited:hover,.collection-block .part.part-vacatures::after, .collection-block .part.part-vacatures:visited::after,.menu, .menu .logo svg .letter, .menu .logo, .button, a[class^="btn--"], .button:visited, .floating-logo, a:visited[class^="btn--"], .menu .menu-side, .menu .menu-toggle::before, .big-menu-wrapper, .checkbox-label::after, .footer .collection-block .part.part-vacatures .part-title, .footer .collection-block .part.part-vacatures:visited .part-title, .contact-us-input,.contact-us-textarea,.part.part-medewerkers .thumb,.part.part-medewerkers .thumb::after, .part.part-medewerkers:visited .thumb::after, .part.part-medewerkers:visited .thumb,.collection-block .part.part-diensten .part-title, .collection-block .part.part-diensten:visited .part-title,.collection-block .part.part-projecten .thumb-overlay, .collection-block .part.project-like-part .thumb-overlay{
    transition: .3s;
}

.menu .menu-side{
    position: absolute;
    right: 200px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

header .container,.button,.page-with-header .menu .menu-side a,.header-banner .scroll-ico svg,.header-banner .container, a[class^="btn--"], .button:visited, a:visited[class^="btn--"], .big-menu-wrapper .main-nav ul li.current-menu-item a, .floating-logo .logo-wrapper, .big-menu-wrapper .main-nav ul li.current-menu-item a:visited,.header-banner .scroll-ico svg .arrow-shape, .checkbox-label, .collection-block .part.part-vacatures, .collection-block .part.part-vacatures:visited, .big-menu-wrapper .main-nav ul li.current_page_parent a, .contact-us .container,.home-over-ons .container,.header-banner,.header-banner .scroll-ico svg .dot-shape, .big-menu-wrapper .main-nav ul li.current_page_parent a:visited, .menu .menu-side a{
    position: relative;
}

.menu .menu-side .tel{
    padding-right: 60px;
}

.menu .menu-side .tel::before{
    background-image: url("images/icons/tel-white.svg");
    height: 20px;
    width: 20px;
    left: -20%;
    margin-top: -10px;
}

.menu .menu-side .mail::before{
    background-image: url("images/icons/mail.svg");
    height: 28px;
    width: 28px;
    left: -35px;
    margin-top: -15px;
}

.menu .menu-side .mail::before,.menu .menu-side .tel::before{
    content: "";
    background-size: auto 100%;
    background-repeat:no-repeat;
    background-position: center center;
    display: inline-block;
    position: absolute;
    top: 50%;
}

.menu .menu-toggle{
    height: 120px;
    width: 120px;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
}

.menu .menu-toggle::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 160px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("images/arrow-orange.svg");
    z-index: 1;
}

.menu .menu-toggle:hover{
    cursor: pointer;
}

.menu .menu-toggle i{
    position: absolute;
    font-size: 2.5rem;
    left: 0;
    top: 28px;
    width: 120px;
    line-height: 1;
    z-index: 3;
}

.single-klanten .menu .menu-side .tel::before,.menu.animate-header .menu-side .tel::before, .single-medewerkers .menu .menu-side .tel::before,.menu.animate-header .menu-side .tel::before, .menu.project .menu-side .tel::before{
    background-image: url("images/icons/tel.svg"); 
}

.single-klanten .menu .menu-side .mail::before,.menu.animate-header .menu-side .mail::before, .single-medewerkers .menu .menu-side .mail::before,.menu.animate-header .menu-side .mail::before, .menu.project .menu-side .mail::before{
    background-image: url("images/icons/mail-dark.svg"); 
}

.page-with-header .menu{
    background: none;
    box-shadow: none; 
}

.page-with-header .menu .logo svg .change-letter{
    fill: #FFF; 
}

.single-klanten .menu .logo svg .change-letter, .single-medewerkers .menu .logo svg .change-letter,.menu.animate-header .logo svg .change-letter,.menu.project .logo svg .change-letter, .page-with-header .menu.animate-header .logo svg .change-letter, .menu .logo svg .letter{
    fill: #252e39; 
}
.page-with-header .menu.animate-header{
    background: #FFF;
    box-shadow: 0 0 2px rgba(37, 46, 57, 0.2); 
}

.big-menu-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background-image: url("images/header-background.png");
    background-color: #252e39;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-y: hidden;
    z-index: 100;
    padding: 150px 0;
    transform: translateY(-200vh);
}

.big-menu-wrapper .sub-nav ul li{
    margin-bottom: 15px;
}

.big-menu-wrapper .inner-wrapper{
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.inner-wrapper {
    margin-top: -20px !important; 
}

.row.vacancies-row .block.collection-block,.row.timeline-repeater .block-wrapper.in-row-1 .block, .block-wrapper.in-row-1 .block.collection-block, .row.vacancies-row .block,.big-menu-wrapper .left,.block-wrapper.in-row-1 .block.link-block .block-right,.collection-block .part.part-recensie .left,.collection-block .part.part-recensie .right, .big-menu-wrapper .right, .block-wrapper.in-row-1 .block.link-block .block-right, .big-menu-wrapper .right nav, .block-wrapper.in-row-1 .block.link-block .block-left,.block-wrapper.in-row-1 .block.link-block .block-left, .big-menu-wrapper .main-nav ul li,.collection-block .part-row .part,.collection-block .part-row .part:visited, .collection-block .part,.collection-block .part:visited,.block-wrapper .block, .block-wrapper .collection{
    -ms-flex: 1;
        flex: 1;
}

.big-menu-wrapper .left{
    margin-right: 100px;
}

.big-menu-wrapper .right{
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

.collection-block .part.part-diensten:hover .part-title,.row.diensten-row .container .row-title, .footer .social-wrapper span,.collection-block .part.part-projecten:hover .part-title, .collection-block .part.project-like-part:hover .part-title,.menu.animate-header .menu-side a, .menu .menu-side a, body,.checkbox-label::after, .collection-block .part.part-diensten:visited:hover .part-title {
    color: #252e39; 
}

.big-menu-wrapper .right .bottom, .footer .social-wrapper, .copyright-wrapper, .footer .social-wrapper span{
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
}

.big-menu-wrapper .right .bottom *{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
}

.big-menu-wrapper .main-nav{
    text-align: left;
}

.big-menu-wrapper .main-nav ul li{
    margin-bottom: 45px;
}

.big-menu-wrapper .main-nav ul li a, .big-menu-wrapper .main-nav ul li a:visited{
    font-size: 1.875rem;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    margin-left: 50px;
}

.big-menu-wrapper .main-nav ul li a:hover, .big-menu-wrapper .main-nav ul li a:visited:hover, .big-menu-wrapper .sub-nav ul li a:hover, .big-menu-wrapper .sub-nav ul li a:visited:hover{
    color: #fabc43;
}

.big-menu-wrapper .main-nav ul li.current-menu-item a, .big-menu-wrapper .main-nav ul li.current-menu-item a:visited, .big-menu-wrapper .main-nav ul li.current_page_parent a, .big-menu-wrapper .main-nav ul li.current_page_parent a:visited{
    border-bottom-color: transparent;
}

.big-menu-wrapper .main-nav ul li.current-menu-item a::before, .big-menu-wrapper .main-nav ul li.current-menu-item a:visited::before, .big-menu-wrapper .main-nav ul li.current_page_parent a::before, .big-menu-wrapper .main-nav ul li.current_page_parent a:visited::before{
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -25px;
    border-left: 30px solid #dd6f10;
}

.big-menu-wrapper .main-nav ul li:last-child, .big-menu-wrapper .sub-nav ul li:last-child{
    margin-bottom: 0;
}

.big-menu-wrapper .sub-nav ul li a, .big-menu-wrapper .sub-nav ul li a:visited{
    font-size: 1.25rem;
    font-weight: 400;

}

h6,.big-menu-wrapper .sub-nav ul li.current-menu-item a, .big-menu-wrapper .sub-nav ul li.current-menu-item a:visited, .big-menu-wrapper .sub-nav ul li.current_page_parent a, .big-menu-wrapper .sub-nav ul li.current_page_parent a:visited, .button, a[class^="btn--"], .button:visited, .btn:visited, a:visited[class^="btn--"], .big-menu-wrapper .main-nav ul li.current-menu-item a, .big-menu-wrapper .main-nav ul li.current-menu-item a:visited, .big-menu-wrapper .main-nav ul li.current_page_parent a, .big-menu-wrapper .main-nav ul li.current_page_parent a:visited{
    color: #dd6f10;
}

li.current-menu-item > a{
	color: #dd6f10 !important;	
}
body.fold-out .big-menu-wrapper{
    transform: none; 
}

body.fold-out .menu .logo svg .change-letter{
    fill: #FFF !important; 
}

.block.content h1:first-child, .block.content h1.page-title, .block.content h2:first-child, .block.content h2.page-title, .block.content h3:first-child, .block.content h3.page-title, .block.content h4:first-child, .block.content h4.page-title, .block.content h5:first-child, .block.content h5.page-title, .block.content h6:first-child, .block.content h6.page-title, .single .main-container h1:first-child, .single .main-container h1.page-title, .single .main-container h2:first-child, .single .main-container h2.page-title, .single .main-container h3:first-child, .single .main-container h3.page-title, .single .main-container h4:first-child, .single .main-container h4.page-title, .single .main-container h5:first-child, .single .main-container h5.page-title, .single .main-container h6:first-child, .single .main-container h6.page-title{
    margin-top: 0;
}
/* contact form checkbox */
.checkbox input[type="checkbox"],.hidden{
    display: none;
}

.checkbox-label{
    display: inline-block;
    cursor: pointer;
    padding-left: 35px;
    padding-right: 15px;
    font-size: 0.875rem;
    top: 4px;
}

.checkbox-label::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background-color: #FFF;
    border: 1px solid #252e39;
    top: -4px;
}

.block h1:first-child, .block h2:first-child, .block h3:first-child, .block h4:first-child, .block h5:first-child, .block h6:first-child {
    margin-top: 0;
}

.checkbox-label::after{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    line-height: 10px;
    opacity: 0;
    position: absolute;
    height: 10px;
    width: 20px;
    left: 1px;
    top: 2px;
    font-weight: 900;
    font-size: 14px;
    font-size: 0.875rem;
}

.checkbox input[type="checkbox"]:checked + .checkbox-label::after,.menu .menu-side,.slick-dots button,.contact-us-input::placeholder, .contact-us-textarea::placeholder{
    opacity: 1;
}

.contact-us-textarea:focus,.contact-us-input:focus-within,.contact-us-input:focus-visible,.contact-us-input:focus{
    border: 1px solid #fabc43!important;
}

.contact-us li{
    margin-bottom: 40px;
}

.header-banner{
    background-image: url(images/verhoeven-leenders-header-2560x1440.jpg);
    background-size: cover;
    background-position: center center;
}

.header-banner:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-image: url(images/header-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 3;
}

.header-banner .header-text{
    max-width: 860px;
    z-index: 5;
}

.header-banner .container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    z-index: 5;
    max-width: 1440px;
}

.header-banner .scroll-ico{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    z-index: 3;
}

.header-banner .scroll-ico svg{
    display: inline-block;
    width: 30px;
    z-index: 5;
    overflow: visible;
}

.header-banner .scroll-ico svg .dot-shape{
    animation: dotShape 4s infinite;
}

.header-banner .scroll-ico svg .arrow-shape{
    z-index: 10;
    transform-origin: center;
    animation: arrowShape 4s infinite;
}

.home-over-ons .container{
    margin: 150px auto;
    z-index: 5;
    max-width: 1440px;
}

.block-wrapper.in-row-1{
    -ms-flex-pack: center;
    justify-content: center;
}

.block-wrapper.in-row-1 .block.link-block{
    -ms-flex: 0 1 1170px;
        flex: 0 1 1170px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    z-index: 5;
}

.home-over-ons .container::after{
    content: "";
    position: absolute;
    right: -10%;
    top: -150px;
    width: 850px;
    height: 733px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(images/blue-triangle.svg);
    z-index: 1;
}

.block-wrapper.in-row-1 .block.link-block .block-left .block-title{
    text-transform: uppercase;
    font-size: 1.75rem;
    letter-spacing: 14px;
    line-height: 2;
    font-weight: 900;
}

.block-wrapper.in-row-1 .block.link-block .block-left .block-content p{
    font-size: 1.0625rem;
    font-weight: 300;
    padding-bottom: 30px;
    line-height: 2;
}

.block-wrapper.in-row-1 .block.link-block .block-left{
    transform: translateY(-20%);
}

.block-wrapper.in-row-1 .block.link-block .block-right{
    padding-left: 60px;
}

.row.hide-mobile-container .container{
    padding-left: 0!important;
    padding-right: 0!important;
}

.row.our-projects-row .container{
    max-width: 1440px;
}

.row-title{
    letter-spacing: 14px;
    line-height: 2;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.875rem;
}

.row .row-title{
    margin-bottom: 15px;
}

.row.home-over-ons{
    padding: 0 !important;
}

.row.home-innovatie .block-wrapper.in-row-1 .block.link-block .block-right{
    padding: 60px;
    padding-left: 0;
}

.block-wrapper.in-row-1 .block.link-block .block-right img{
    height: auto;
    width: 100%;
    max-width: 768px;
    max-height: 600px;
}

.collection-block .part.part-projecten, .collection-block .part.project.like-part{
    background: none;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    padding: 0;
    position: relative;
    -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    margin: 0;
}

.block.slider-block .block-title,.part.part-medewerkers, .part.part-medewerkers:visited,.row-title,.collection-block .part.part-projecten .thumb-overlay,.row.diensten-row .container .row-title,.collection-block .part.part-diensten .part-title, .collection-block .part.part-diensten:visited .part-title,.button-container, .collection-block .part.project-like-part .thumb-overlay,.row.our-projects-row .row-title,.social-links li a, .social-links li a:visited,.menu .menu-toggle i,.header-banner .header-text,.checkbox-label::after{
    text-align: center;
}

.collection-block .part.part-projecten .thumb-overlay, .collection-block .part.project-like-part .thumb-overlay{
    opacity: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    display: -ms-flexbox;
    display: flex;
}

.collection-block .part.part-klanten:hover .thumb-overlay{
    height: calc(100%);
    width: calc(100%);
    left: 0;
}

.collection-block .part-row:last-child{
    margin-bottom: 0!important;
}

.collection-block .part.part-projecten .thumb-overlay .part-title, .collection-block .part.project-like-part .thumb-overlay .part-title{
    text-transform: uppercase;
    font-size: 1.25rem;
    padding: 25px;
    line-height: 2;
    margin: 0 auto;
    font-weight: 300;
}

.button.inverse, .a.inverse[class^="btn--"], .button:visited.inverse, .a:visited.a.inverse[class^="btn--"]{
    background: #dd6f10;
    color: #FFF;
}

.button-container,.row.diensten-row{
    margin-top: 50px;
}

.collection-block .part.part-recensie,.collection-block .part.part-diensten, .collection-block .part.part-diensten:visited{
    background:none;
    padding: 0;
}

.collection-block .part.part-diensten .part-title, .collection-block .part.part-diensten:visited .part-title{
    font-size: 1.25rem;
    padding: 0 90px;
    font-weight: 300;
    text-transform: none;
}

.collection-block .part.part-diensten h2{
    letter-spacing: normal!important;
}

.collection-block .part.part-recensie{
    margin-bottom: 150px;
}

.collection-block .part.part-recensie .left{
    position: relative;
    margin-right: 50px;
}

.my_slider{
    cursor: grab;
}

.row.diensten-row .container .row-title{
    padding: 100px 0 50px 0;
}

.collection-block .part.part-recensie .right .part-title{
    max-width: 500px;
    text-transform: uppercase;
    font-size: 1.875rem;
    letter-spacing: 8px;
    line-height: 1.8;
    font-weight: 700;
}

.collection-block .part.part-recensie .right p{
    max-width: 500px;
    line-height: 1.8;
}

.collection-block .part.part-recensie .right .part-name{
    font-size: 1.25rem;
    letter-spacing: 2px;
    color: #dd6f10;
    margin-bottom: 20px;
}

.collection-block .part.part-recensie .left .thumb .img{
    margin: 0!important;
}

.collection-block .part.part-recensie .right .button, .collection-block .part.part-recensie .right a[class^="btn--"]{
    margin-top: 30px;
    letter-spacing: 2px;
}

.collection-block .part-row .part.part-medewerkers{
    -ms-flex: 0 1 calc(33% - 30px);
        flex: 0 1 calc(33% - 30px);
    margin-right: 45px;
}

.part.part-medewerkers, .part.part-medewerkers:visited{
    padding: 0;
    position: relative;
    transition: 0.3s;
    background: none;
}

.part.part-medewerkers .thumb, .part.part-medewerkers:visited .thumb{
    border: 2px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 350px;
    z-index: 2;
}

.block-title{
    text-transform: uppercase;
    font-weight: 900;
}

.header-banner .header-text *{
    color: #FFF;
    font-size: 2.25rem;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 14px;
    line-height: 1.8;
}

.part.part-medewerkers .thumb::after, .part.part-medewerkers:visited .thumb::after{
    content: "";
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 330px;
    width: 60px;
    height: 50px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(images/arrow-orange.svg);
    z-index: 5;
}

.part.part-medewerkers .thumb-overlay, .part.part-medewerkers:visited .thumb-overlay{
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 350px;
    top: 0;
    position: absolute;
    z-index: 3;
    border: 2px solid #dd6f10;
    transition: 0.3s;
}

.part.part-medewerkers:hover, .part.part-medewerkers:visited:hover{
    transition: 0.3s;
}

.part.part-medewerkers:hover .thumb-overlay, .part.part-medewerkers:visited:hover .thumb-overlay, .part.part-medewerkers:hover .thumb:after, .part.part-medewerkers:visited:hover .thumb:after, .collection-block .part.part-projecten:hover .thumb-overlay, .collection-block .part.project-like-part:hover .thumb-overlay{
    opacity: 1;
}

.part.part-medewerkers .content-block, .part.part-medewerkers:visited .content-block{
    padding-top: 30px;
}

.part.part-medewerkers .content-block .part-title, .part.part-medewerkers:visited .content-block .part-title{
    margin: 5px auto;
    text-transform: none;
}

.row.our-employees.row .button-container{
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
}

.row.home-innovatie{
    background-image: url(images/innovation-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 200px 0;
    position: relative;
}

.row.home-innovatie .block-wrapper.in-row-1 .block.link-block{
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -ms-flex-align: end;
        align-items: flex-end;
}

.row.home-innovatie .block-wrapper.in-row-1 .block.link-block .block-right{
    padding-right: 60px;
    padding-left: 0;
}

.single-klanten .menu .menu-side a,.single-medewerkers .menu .menu-side a,.menu.animate-header .menu-side a, .menu.project .menu-side a{
    color: #252e39;
}

.my_slide{
    max-height: 132px;
    max-width: 204px;
    margin: 0 0 0 30px;
    filter: grayscale(1);
    transition: all .15s ease-out;
}

.my_slide:hover{
    transition: all .15s ease-in;
    filter: grayscale(0);
}

.my_slide:last-child,.row.diensten-row .container .row-title,.collection-block .part.part-recensie .left .thumn img{
    margin: 0;
}

.my_slide img{
    width: inherit;
    border-radius: 10px;
}

.slick-dots{
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-dots li{
    float: left;
    margin-left: 10px;
}

.slick-dots button{
    outline: 0;
    font-size: 0;
    background: #fff;
    border-radius: 0;
    width: 50px;
    height: 12px;
    border: 1px solid #dd6f10;
}

.slick-dots .slick-active button,.button.inverse, a.inverse[class^="btn--"], .button:visited.inverse, .a:visited.a.inverse[class^="btn--"],.slick-dots button:hover{
    background: #dd6f10;
}

.button.inverse, a.inverse[class^="btn--"], .button:visited.inverse, .a:visited.a.inverse[class^="btn--"]{
    color: #FFF;
}

.footer .block-title{
    text-transform: uppercase;
    font-size: 1.375rem;
    letter-spacing: 14px;
    line-height: 2;
    font-weight: 900;
}

.my_slide span{
    margin-top: 10px;
}

.footer .social-wrapper span{
    line-height: 1;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 900;
    padding-top: 4px;
    margin-right: 30px;
}

.social-links li a i, .social-links li a:visited i{
    color: #FFF;
    font-size: 0.875rem;
}

.copyright-wrapper{
    text-transform: uppercase;
    font-weight: 600;
}

.page-with-header .regular-header .container{
    min-height: 50vh;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 200px;
}

.page-with-header .regular-header .page-title{
    width: 100%;
    color: #FFF;
    font-size: 2.25rem;
    text-transform: uppercase;
    font-weight: 900;
    max-width: 770px;
}

#main .contents .row:first-child{
    padding: 100px 0;
}

#main .regular-header + .contents .row:first-child{
    padding-top: 50px;
}

#main{
    padding-top: 80px;
}

.row.left-align-title .row-title{
    text-align: left;
}

.row.timeline-repeater{
    background: linear-gradient(to right, #fff 0%,#fff 50%,#dd6f10 50%,#dd6f10 100%);
    padding-bottom: 0;
    margin-bottom: 200px;
}

.row.timeline-repeater .container{
    position: relative;
    z-index: 2;
    background: linear-gradient(to right, #fff 0%, #fff 147px, #dd6f10 147px, #dd6f10 100%);
}

.row.timeline-repeater .block.repeater-block{
    width: 100%;
    padding: 100px 0;
}

.row.timeline-repeater .block-title{
    padding-left: 400px;
    letter-spacing: 14px;
}

.row.vacancies-row{
    background-image: url(images/innovation-bg.png);
    background-size: cover;
    padding-top: 100px;
}

.row.vacancies-row .block-title{
    text-align: right;
    letter-spacing: 14px;
    line-height: 1.8;
}

.collection-block .part-row{
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
}

.row-vacancies-row .collection-block .part-row{
    margin-bottom: 15px;
}

.collection-block .part, .collection-block .part:visited{
    -ms-flex: 1;
        flex: 1;
    margin-right: 2%;
    text-decoration: none;
}

.collection-block .part-row .part, .collection-block .part-row .part:visited{
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
}

.collection-block .part:last-of-type, .collection-block .part:visited:last-of-type{
    margin-right: 0;
}

.collection-block .part.part-vacatures, .collection-block .part.part-vacatures:visited{
    background: #fff;
    box-shadow: 0 0 0 1px #dd6f10;
    padding: 15px 60px 10px 20px;
    position: relative;
    overflow: visible;
}

.collection-block .part.part-vacatures .part-title, .collection-block .part.part-vacatures:visited .part-title{
    color: #252e39;
    background: none;
    font-size: 1.25rem;
}

.collection-block .part.part-vacatures::after, .collection-block .part.part-vacatures:visited::after{
    content: "";
    position: absolute;
    right: -15px;
    top: -15px;
    width: 60px;
    height: 75px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(images/blue-triangle.svg);
    z-index: 5;
    opacity: 0;
}

.row.timeline-repeater .featured-content{
    padding-left: 400px;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.8;
    letter-spacing: 2px;
}

.featured-content > p{
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.8;
    letter-spacing: 2px;
}

.over-ons_slide .slick-track{
    height: 100px;
}

.contact-us-input:focus-within,.contact-us-input:focus-visible,.contact-us-input:focus{
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
}

.row.timeline-repeater .featured-title{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    font-size: 6.25rem;
    letter-spacing: 24px;
    line-height: 1;
    z-index: 3;
}

.over-ons_slide{
    padding-top: 65px;
}

.over-ons_slide .slick-list{
    padding-bottom: 65px;
    cursor: grab;
}

.row.timeline-repeater .slick-dots button{
    background-color: #fabc43;
    border: 0;
    height: 8px;
    width: 40px;
}

.row.timeline-repeater .slick-dots button:hover{
    background-color: #252e39;
}

.row.timeline-repeater .slick-dots .slick-active button{
    background-color: #FFF;   
}

.row.timeline-repeater .slick-dots{
    left: 39%;
    top: 100%;
}

.row.timeline-repeater .slick-dots li{
    margin-left: 15px;
}

.collection-block .part.part-vacatures .part-title, .collection-block .part.part-vacatures:visited .part-title{
    color: #252e39;
    background: none;
    transform: .3s;
    font-size: 1.25rem;
}

.block-wrapper.in-row-1 .block{
    -ms-flex: 0 1 770px;
        flex: 0 1 770px;
}

.row.vacancies-row .collection-block .part-row{
    margin-bottom: 15px;
}

.row.timeline-repeater .container::after{
    content: "";
    position: absolute;
    bottom: -50px;
    right: 50px;
    width: 250px;
    height: 220px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(images/blue-triangle.svg);
    z-index: 1;
    transform: rotate(180deg);
}

.part.part-medewerkers:hover .thumb::after, .part.part-medewerkers:visited:hover .thumb::after{
    opacity: 1;
}

.collection-block .part.part-vacatures:hover, .collection-block .part.part-vacatures:visited:hover{
    background: #dd6f10;
}

.collection-block .part.part-vacatures:hover .part-title, .collection-block .part.part-vacatures:visited:hover .part-title{
    color: #fff;
}

.collection-block .part.part-vacatures:hover::after, .collection-block .part.part-vacatures:visited:hover::after{
    opacity: 1;
}

.floating-logo.addbottom{
    bottom: 120px;
}

.page-with-header .regular-header::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/header-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.page-with-header .regular-header{
    margin: 0 0 50px 0;
    background-size: cover;
    background-position: center;
    position: relative;
}

.page-with-header .regular-header .container{
    min-height: 50vh;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow:  row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 3;
    padding-left: 200px;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child{
    margin-bottom: 0;
}

.page-with-header .regular-header .page-title{
    width: 100%;
    color: #fff;
    font-size: 2.25rem;
    text-transform: uppercase;
    font-weight: 900;
    max-width: 770px;
}

.regular-header{
    margin: 50px 0 0 0;
}

.contents .button, .contents .button:visited, .contents a[class^="btn--"]{
    background: #FFF;
    border: 1px solid #dd6f10;
    text-transform: uppercase;
    padding: 12px 20px 7px 20px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
}

.filterElements{
    display: none!important;
}

.show, .showFilters{
    display: inline-block!important;
}

.showFilters.active, .button.activeFilter{
    background: #dd6f10!important;
    color: #FFF!important;
}

.filters{
    margin: 50px 0;
}

.filters .button, .filters a[class^="btn--"]{
    margin-right: 15px;
}

.filters .search-form{
    display: inline-block;
    position: relative;
}

.filters .search-form #search-query{
    border: 1px solid #dd6f10;
    padding: 12px 50px 7px 20px;
    font-size: 1rem;
    outline: none;
    width: 200px;
}

.footer .block.nav-block nav ul li a:hover, .footer .block.nav-block nav ul li a:visited:hover,.filters .search-form #search-query, .filters .search-form #search-query::placeholder{
    color: #dd6f10!important;
}

.filters .search-form .submit{
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    z-index: 2;
    background: none;
    border: none;
    height: 100%;
    text-align: center;
    padding-top: 7px;
}

.filters .search-form .submit i{
    line-height: 1;
    color: #dd6f10;
    font-size: 1.25rem;
}

.filters .child-level{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #eaeaea;
}

.filters .child-level .button, .filters .child-level a[class^="btn--"]{
    display: none;
    margin-bottom: 15px;
}

.big-container, .row.big-container .container{
    max-width: 1440px;
    margin: 0 auto;
}

.page-contains-filter .collection-block .part-row{
    display: block;
}

.filter-row .part, .filter-row .part:visited{
    transition: .0s!important;
}

.page-contains-filter .collection-block .part-row .part{
    display: inline-block;
    width: 25%;
    margin: 0;
}

.filters .search-form #search-query:focus{
    border-color: #252e39;
}

.filters .search-form .submit:hover, .filters .search-form .submit:focus{
    outline: none;
}

.filters .search-form .submit:hover i, .filters .search-form .submit:focus i{
    color: #252e39;
}

.project.contents .detail-header{
    max-width: 1170px;
    margin: 0 auto;
    min-height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.project.contents .page-title{
    margin: 50px 0;
}

.project.contents .page-title span{
    color: #fabc43;
    display: block;
    width: 100%;
}

.project.contents .row.intro-row .block.content,.project.contents .row.intro-row .block.content:last-child{
    margin-right: 90px;
}

.project.contents .row.intro-row .block.content *{
    font-weight: 400;
    line-height: 2;
    list-style: none;
}

.project.contents .row.intro-row .block.content .description{
    inline-size: 450px;
}

.project.contents .row.intro-row .block.content .mini-content-repeater{
    height: -webkit-fit-content!important;
    height: -moz-fit-content!important;
    height: fit-content!important;
    width: 100%!important;
}

.project.contents .row.intro-row .block.content ul{
    padding-left: 0;
}

.project.contents .row.intro-row .block.content ul li{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.project.contents .row.intro-row .block.content ul li .table-label{
    font-weight: 700;
    -ms-flex: 0 1 40%;
        flex: 0 1 40%;
    padding-bottom: 5px;
    padding-right: 20px;
    display: inline-block;
    margin: 0;
}

.project.contents .row.intro-row .block.content ul li .table-text{
    -ms-flex: 0 1 60%;
        flex: 0 1 60%;
    padding-bottom: 5px;
    display: inline-block;
    margin: 0;
}

.single-medewerkers .menu{
    background: #fff;
    border: none;
    box-shadow: 0 0 2px rgba(37, 46, 57, 0.2);
    transition: 0.3s;
}

.a2a_svg{
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 32px;
}

.a2a_kit, .a2a_menu, .a2a_modal, .a2a_overlay{
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    outline: 0;
}

.a2a_kit a{
    cursor: pointer;
}

.a2a_kit .a2a_svg{
    background-repeat: repeat;
}

.a2a_svg svg{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    display: block;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: auto;
    height: auto;
}

.a2a_label{
    position: absolute!important;
    -webkit-clip-path: polygon(0px 0px,0px 0px,0px 0px);
            clip-path: polygon(0px 0px,0px 0px,0px 0px);
    overflow: hidden;
    height: 1px;
    width: 1px;
}

.addtoany_shortcode span{
    border-radius: 30px!important;
    padding: 5px;
}

.contents .button:hover{
    background: #dd6f10;
    color: #FFF;
    outline: none;
}

.global-slider.slider-look-a-like, .global-slider.slider-look-a-like-medewerkers{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.global-slider .slide-item{
    width: 32%;
    margin-right: 2%;
    display: inline-block;
}

.global-slider.slider-look-a-like .slide-item, .global-slider.slider-look-a-like-medewerkers .slide-item{
    -ms-flex: 0 1 32%;
        flex: 0 1 32%;
    width: auto;
}

.global-slider .slide-item img{
    max-width: 100%;
    height: auto;
    display: block;
}

.small-container, .row.small-container .container{
    padding: 0 90px;
}

.global-slider .slide-item:last-child{
    margin-right: 0;
}

.project_image_slide{
    max-width: 1170px!important;
    max-height: 375px!important;
}

.prev-next-button{
    position: absolute;
    border: none;
    color: #333;
    outline: none;
    background-color: #fff;
    top: 50%;
	margin:0px -260px 0px -230px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 10;
	cursor: pointer;
}

.prev-next-button.next{
    right: 40px;
}

.prev-next-button-ico{
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    fill: #de6f10;
}

.prev-next-button.prev{
    left: 10px;
}

.prev-next-button.slick-disabled{
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}

.project-medewerkers{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.project-medewerkers .part.part-medewerkers{
    -ms-flex: 0 1 33%;
        flex: 0 1 33%;
    -ms-flex: 0 1 calc(33.0% - 30px);
        flex: 0 1 calc(33.0% - 30px);
}

.addtoany_list a, .widget .addtoany_list{
    border: 0;
    box-shadow: none;
    display: inline-block;
    font-size: 1rem;
    padding: 0 4px;
    vertical-align: middle;
}

.addtoany_list a span{
    display: inline-block;
    float: none;
}

.addtoany_list.a2a_kit_size_32 a{
    font-size: 2rem;
}

.addtoany_list a:not(.addtoany_special_service)>span{
    border-radius: 4px;
    display: inline-block;
    opacity: 1;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.addtoany_list a:hover, .widget .addtoany_list a:hover{
    border: 0;
    box-shadow: none;
}

.a2a_kit a .a2a_svg:hover{
    background-color: rgba(102 108 116)!important;
}

.single-klanten .content-side, .single-medewerkers .content-side{
    max-width: 1170px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    margin: 120px auto;
}

.single-medewerkers .content-side .left, .single-klanten .content-side .left{
    -ms-flex: 0 1 49%;
        flex: 0 1 49%;
    text-align: center;
    margin-right: 2%;

}

.single-medewerkers .content-side .left .content-wrapper .thumb, .single-klanten .content-side .left .content-wrapper .thumb{
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 335px;
    width: 58%;
    max-height: 100%;
    margin: 0 auto;
    border-bottom:  3px solid #dd6f10;
}

.single-medewerkers .content-side .left .content-wrapper .thumb::after, .single-klanten .content-side .left .content-wrapper .thumb::after{
    content: "";
    opacity: 1;
    position: absolute;
    right: -70px;
    bottom: -50px;
    width: 110px;
    height: 90px;
    background-size: auto 100%;
    background-repeat:  no-repeat;
    background-image: url(images/arrow-orange.svg);
    z-index: 5;
}

.single-medewerkers .content-side .left .content-wrapper .content-block, .single-klanten .content-side .left .content-wrapper .content-block{
    padding: 30px 50px;
    max-width: 370px;
    margin: 0 auto;
}

.single-medewerkers .content-side .left .content-wrapper .content-block h5, .single-klanten .content-side .left .content-wrapper h5{
    margin-bottom: 10px;
}

.single-medewerkers .right, .single-klanten .right{
    -ms-flex: 0 1 49%;
        flex: 0 1 49%;
}

.single-medewerkers .right .content-wrapper h1, .single-klanten .right .content-wrapper h1{
    text-transform: uppercase;
    padding-bottom: 30px;
}

.single-medewerkers .right .content-wrapper p, .single-klanten .right .content-wrapper p{
    line-height: 2;
}

.single-medewerkers .right .content-wrapper h3, .single-klanten .right .content-wrapper h3{
    color: #dd6f10;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 5px;
	margin-top: 50px;
}

.single-medewerkers .related-title, .single-klanten .related-title,.single-nav .container{
    text-align: center;
}

.single-nav{
    margin: 0 0 50px 0;
}

.single-nav .container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single-nav .container .prev{
    margin-right: 45px;
}

.single-nav .container svg{
    width: 55px;
    height: auto;
}

.single-nav .container .link-wrapper,.single-nav .container svg,.single-nav .container .overview, .single-nav .container .overview:visited{
    display: inline-block;
}

.single-nav .container .next{
    margin-left: 45px;
}

.single-medewerkers .collection-block .part.part-projecten,.single-medewerkers .collection-block .part.project-like-part{
    padding: 0px;
    position: relative;
    -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    margin-right: 5px;
}

.single-nav .container .overview:hover rect, .single-nav .container .overview:visited:hover rect ,.single-nav .container .link-wrapper a:hover polyline, .single-nav .container .link-wrapper a:visited:hover polyline {
    stroke: #dd6f10; 
}

.footer .collection-block .part.part-vacatures:hover, .footer .collection-block .part.part-vacatures:visited:hover{
    background: none;
}

.row.footer-row .block-content a:hover, .row.footer-row .block-content a:visited:hover{
    color: #dd6f10;
}

.single.single-diensten .row.diensten-row{
    padding-top: 100px;
    margin-top: 200px;
}

.contents a, .contents a:visited{
    color: #dd6f10;
}

.row.diensten-row .container{
    position: relative;
}

.single .main-container{
    max-width: 770px;
}

.single .main-container h1{
    text-transform: initial;
    line-height: 1.6;
}

.block.content h5,.block.content h6{
    margin-top: 30px;
    text-transform: initial;
    line-height: 1.6;
}

.block-content ul, .single .main-container ul{
    padding-left: 20px;
    list-style: disc;
    margin-bottom: 15px;
}

.block-content ul li, .single .main-container ul li{
    margin-bottom: 5px;
}

.single .main-container h3{
    margin-top: 30px;
    text-transform: initial;
    line-height: 1.6;
}

.single.single-diensten .part.part-diensten.active-page, .single.single-diensten .part.part-diensten:visited.active-page{
    position: relative;
    pointer-events: none;
}

.single.single-diensten .part.part-diensten.active-page .part-title, .single.single-diensten .part.part-diensten:visited.active-page .part-title{
    color: #252e39;
}

.collection-block .part.part-projecten, .collection-block .part.project-like-part{
    background: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: column;
        flex-flow: column;
}

.collection-block .part.part-projecten, .collection-block .part.project-like-part{
    padding: 0;
    position: relative;
    -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    margin-right: 0;
}

.diensten .row .container{
    padding-top: 80px;
}

.row.diensten-row .container{
    padding-top: 0;
}

.diensten .menu.project, .afstuderen .menu.project, .single-innovaties .menu.project{
    height: 80px;
}

.single-innovaties .detail-header{
    max-width: 1000px;
    margin: 0 auto;
    min-height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.single-innovaties .title-container{
    position: relative;
}

.single-innovaties .page-title{
    margin: 50px 0;
}

.single-innovaties .page-title span{
    color: #fabc43;
    display: block;
    width: 100%;
}

.single-innovaties .row.intro-row .block.content{
    margin-right: 90px;
}

.single-innovaties .row.intro-row .block.content *{
    font-weight: 400;
    line-height: 2;
    list-style: none;
}

.single-innovaties .row.intro-row .block.content:last-child{
    margin-right: 0;
}

.home.page-with-header #main{
    padding-top: 0;
}

.footer .collection-block .part.part-vacatures:hover .part-title, .footer .collection-block .part.part-vacatures:visited:hover .part-title {
    color: #ff7600;
}

.social-links li a:hover, .social-links li a:visited:hover {
    background: #252e39;
}

.project #main{
    padding-top: 60px;
}

.menu.project{
    height: 80px;
    background: #FFF;
    box-shadow: 0 0 2px rgb(37 46 57 / 20%);
}

.single-diensten #main{
    margin-top: 100px;
}

.single.single-post .post-content-container , .single.single-afstuderen .post-content-container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin: 100px auto 50px auto;
}

.single.single-post .post-content-container .left, .single.single-afstuderen .post-content-container .left{
    -ms-flex: 1;
        flex: 1;
    margin-right: 50px;
}

.single.single-post .post-content-container .left .thumbnail, .single.single-afstuderen .post-content-container .left .thumbnail {
    margin-bottom: 30px;
}

.single-afstuderen h1:first-child, .single-afstuderen h1.page-title, .single-afstuderen h2:first-child, .single-afstuderen h2.page-title, .single-afstuderen h3:first-child, .single-afstuderen h3.page-title, .single-afstuderen h4:first-child, .single-afstuderen h4.page-title, .single-afstuderen h5:first-child, .single-afstuderen h5.page-title, .single-afstuderen h6:first-child, .single-afstuderen h6.page-title, .single-post h1:first-child, .single-post h1.page-title, .single-post h2:first-child, .single-post h2.page-title, .single-post h3:first-child, .single-post h3.page-title, .single-post h4:first-child, .single-post h4.page-title, .single-post h5:first-child, .single-post h5.page-title, .single-post h6:first-child, .single-post h6.page-title {
    margin-top: 0;
}

.single-afstuderen h1, .single-afstuderen h2, .single-afstuderen h3, .single-afstuderen h4, .single-afstuderen h5, .single-afstuderen h6, .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
    margin-top: 30px;
    text-transform: initial;
    line-height: 1.6;
    letter-spacing: 2px;
}

.single.single-post .post-content-container .right, .single.single-afstuderen .post-content-container .right{
    -ms-flex: 0 1 200px;
        flex: 0 1 200px;
}

.single.single-afstuderen .post-content-container .right .related-title{
    font-size: 1.125rem;
    letter-spacing: 2px;
}

.related-posts-wrapper ul li:last-child{
    margin-bottom: 0;
}

.related-posts-wrapper .mini-post, .related-posts-wrapper .mini-post:visited{
    text-decoration: none;
}

.related-posts-wrapper .mini-post .related-mini-title, .related-posts-wrapper .mini-post:visited .related-mini-title{
    font-size: 1rem;
    text-transform: none;
}

.related-posts-wrapper .mini-post:hover .related-mini-title, .related-posts-wrapper .mini-post:visited:hover .related-mini-title {
    color: #dd6f10;
}

.related-posts-wrapper .mini-post .thumb, .related-posts-wrapper .mini-post:visited .thumb{
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 180px;
}

.row.big-vacancies-row{
    padding-bottom: 0 !important;
}

.row.big-vacancies-row .part-row{
    margin-bottom: 0;
}

.collection-block .part.part-big-vacancy, .collection-block .part.part-big-vacancy:visited{
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    margin-bottom: 0;
    background: none;
    padding: 0;
}

.collection-block .part.part-big-vacancy .mini-container, .collection-block .part.part-big-vacancy:visited .mini-container{
    max-width: 1170px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
}

.collection-block .part.part-big-vacancy:first-child .mini-container, .collection-block .part.part-diensten:visited:first-child .mini-container{
    padding-top: 0;
}

.collection-block .part.part-big-vacancy .part-title, .collection-block .part.part-big-vacancy:visited .part-title{
    color: #252e39;
    margin-bottom: 30px;
    padding-right: 200px;
    font-size: 1.875rem;
    letter-spacing: 6px;
    line-height: 1.8;
}

.collection-block .part.part-big-vacancy .vacancy-content-wrapper, .collection-block .part.part-big-vacancy:visited .vacancy-content-wrapper{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-bottom: 30px;
}

.collection-block .part.part-big-vacancy .button, .collection-block .part.part-big-vacancy .button:visited{
    background: #dd6f10;
    border-color: #dd6f10;
    color: #fff;
}

.collection-block .part.part-big-vacancy .button:hover, .collection-block .part.part-big-vacancy .button:visited:hover{
    background: #fff!important;
    color: #dd6f10!important;
}

.collection-block .part.part-big-vacancy:nth-child(even), .collection-block .part.part-big-vacancy:visited:nth-child(even){
    background: linear-gradient(to right, transparent 0%, transparent 50%, #fabc43 50%, #fabc43 100%);
}

.collection-block .part.part-big-vacancy:nth-child(even) .mini-container, .collection-block .part.part-big-vacancy:visited:nth-child(even) .mini-container{
    background: #fabc43;
}

.container_fileupload{
    border: 1px solid #e1e1e1;
    padding: 7px 14px;
}

.container_fileupload::before{
    content: "\f15b";
    font-family: "Font Awesome 5 free";
    font-weight: 400;
    margin-right: 10px;
}

.drop_instructions{
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.container_fileupload{
    font-size: 0.875rem;
}

.single.single-vacatures .main-container{
    max-width: 770px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    z-index: 3;
}

.row.contact-us-row{
    background: #252e39;
    padding-top: 100px;
    margin-bottom: 150px;
}

.row.contact-us-row .container{
    position: relative;
}

.row.contact-us-row *{
    color: #fff;
}

.row.contact-us-row .block.content-block *{
    line-height: 1.8;
    letter-spacing: 14px;
}

.contact .contact-us-input::placeholder, .contact-us-textarea::placeholder{
    font-size: 1rem;
    text-transform: lowercase;
    color: grey;
}

.contact .row .container .contact-field ul li{
    padding-bottom: 15px;
}

.contact ul li:last-child{
    padding-bottom: 5px;
}

.contact #important{
    font-size: 1.125rem;
    color: #ae2d30;
    display: inline-block;
    margin-left: 2px;
}

.row.contact-adres-row .container::after{
    content: "";
    position: absolute;
    top: -50px;
    right: 50px;
    width: 250px;
    height: 220px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(images/blue-triangle.svg);
    z-index: 1;
}

.contents ul li, .contents ol li{
    margin-bottom: 15px;
}

.row.contact-adres-row{
    background: linear-gradient(to right, #fff 0%, #fff 50%, #fabc43 50%, #fabc43 100%);
    padding-bottom: 0;
    margin-bottom: 100px;
}

.row.contact-adres-row .container{
    position: relative;
    z-index: 2;
    padding: 240px 0 100px 0;
    background: linear-gradient(to right, #fff 0%, #fff 147px, #fabc43 147px, #fabc43 100%);
}

.row.contact-adres-row .row-title{
    position: absolute;
    left: 0;
    top: 100px;
    font-weight: 900;
    font-size: 4.375rem;
    letter-spacing: 24px;
    line-height: 1;
}

.row.contact-adres-row .block-wrapper{
    padding-left: 400px;
}

.row.contact-adres-row .block{
    margin-right: 50px;
    padding-right: 50px;
    border-right: 1px solid #fff;
    position: relative;
}

.row.contact-adres-row .block .block-title{
    font-weight: 900;
    font-size: 1.125rem;
}

.row.contact-adres-row .block p, .row.contact-adres-row .block a, .row.contact-adres-row .block a:visited{
    font-weight: 200;
    font-size: 1.125rem;
    line-height: 1.8;
}

.row.contact-adres-row .block a, .row.contact-adres-row .block a:visited{
    color: #252e39;
    text-decoration: none;
}

.row.contact-adres-row .block:last-child{
    margin-right: 0;
    padding-right: 0;
    border: none;
}

.row.contact-adres-row .block .social-links a, .row.contact-adres-row .block .social-links a:visited{
    line-height: 1;
}

.row.contact-adres-row .block .button, .row.contact-adres-row .block .button:visited{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fabc43;
    border-color: #252e39;
    color: #252e39;
}

.row.remove-collection-padding .collection-block .part-row{
    margin: 0;
}

.collection-block .part-row .part.part-post, .collection-block .part-row .part.part-post:visited{
    padding: 0;
    position: relative;
    background: none;
    margin-bottom: 45px;
    -ms-flex: 0 1 calc(33.0% - 30px);
        flex: 0 1 calc(33.0% - 30px);
    margin-right: 45px;
}

.collection-block .part-row .part.part-post .thumb, .collection-block .part-row .part.part-post:visited .thumb{
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.collection-block .part-row .part.part-post .thumb img, .collection-block .part-row .part.part-post:visited .thumb img{
    max-width: 100%;
    height: auto;
    display: block;
}

.inform{
    display: block;
}

.actueel .collection-block .part-row .part.part-post .part-title, .actueel .collection-block .part-row .part.part-post:visited .part-title{
    margin-top: 15px;
}
.collection-pagination {
	text-align: center;	
}

.collection-block .part-row .part.part-post .part-title, .collection-block .part-row .part.part-post:visited .part-title{
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 6px;
    line-height: 1.8;
    font-weight: 700;
}

.collection-block .part-row .part.part-post .part-content, .collection-block .part-row .part.part-post:visited .part-content{
    margin-bottom: 80px;
}

.collection-block .part-row .part.part-post .part-content p, .collection-block .part-row .part.part-post:visited .part-content p{
    letter-spacing: 1px;
    line-height: 1.8;
}

.collection-block .part-row .part.part-post .button, .collection-block .part-row .part.part-post:visited .button{
    position: absolute;
    bottom: 0;
    left: 0;
}

.page-numbers{
    margin-right: 10px;
}

.page-numbers:last-child,.collection-block .part-row .part.part-post:nth-child(3n+3), .collection-block .part-row .part.part-post:last-child, .collection-block .part-row .part.part-post:visited:nth-child(3n+3), .collection-block .part-row .part.part-post:visited:last-child{
    margin-right: 0;
}

.current-page, .current-page:visited{
    color: #252e39!important;
    cursor: default;
    text-decoration: none;
}

.single.single-post .post-content-container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin: 100px auto 50px auto;
}

.single.single-post .post-content-container .left{
    -ms-flex: 1;
        flex: 1;
    margin-right: 50px;
}

.single.single-post .post-content-container .left .thumbnail{
    margin-bottom: 30px;
}

.single.single-post .post-content-container .right{
    -ms-flex: 0 1 200px;
        flex: 0 1 200px;
}

.single.single-post .post-content-container .right .related-title{
    font-size: 1.125rem;
    letter-spacing: 2px;
}

.related-posts-wrapper ul li:last-child{
    margin-bottom: 0;
}

.related-posts-wrapper .mini-post, .related-posts-wrapper .mini-post:visited{
    text-decoration: none;
}

.related-posts-wrapper .mini-post .thumb, .related-posts-wrapper .mini-post:visited .thumb{
    margin-bottom: 10px;
    max-width: 180px;
}

.related-posts-wrapper .mini-post .related-mini-title, .related-posts-wrapper .mini-post:visited .related-mini-title{
    font-size: 1rem;
    text-transform: none;
}

.row.contact-adres-row .block .button:hover, .row.contact-adres-row .block .button:visited:hover{
    background: #252e39;
    border-color: #252e39;
    color: #fabc43;
}

.single.single-vacatures .main-container{
    max-width: 770px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    z-index: 3;
}

.single .main-container h1,.single .main-container h3{
    text-transform: initial;
    list-style: 1.6;
}

.single .main-container h3{
    margin-top: 30px;
}

.row.contact-us-row .button{
    background: #dd6f10;
    border: 1px solid #dd6f10;
    color: #fff;
}

.row.contact-us-row .button:hover{
    background: #FFF;
    color: #dd6f10;
    outline: none;
    border-color: #FFF;
}

.contents .contact-us-row ul li{
    margin-bottom: 30px;
}

.single.single-vacatures .main-container ul{
    list-style: none;
}

.single.single-vacatures .main-container ul li::before{
    content: "\2022";
    color: #de6f10;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.projectlist {
    list-style-type: disc !important;
    margin-left: 5%;
}

.projectlist li{
    margin-bottom: 0 !important;
}

.project-flex {
    display: flex;
    
}

 .project-flex ul li {
    margin-bottom: 15px !important;
} 

strong {
    line-height: 1.8;
    
}

.info-box {
    padding-left: 10px;
    position: sticky;
    top: 100px;
    width: fit-content;
    background-color: white;
    box-shadow: 0 2px 2px -2px rgb(37 46 57 / 20%);
}

.infosvg {
    margin-left: 2%;
    width: 30;
    height: 30;
    margin-bottom: 5px;
}
#projectmain {
    margin-top: -180px;
}
.project-text-allign {
    margin-top: 5px;
}

@media only screen and (max-width: 1890px){
    #Info-text{
        display: none;
        visibility: hidden;
    }
    
    .info-box {
        top: 120px;
        padding-left: 0px;
        padding-right: 20px;
        padding-top: 5px;
        justify-content: space-between;
        float: right;
    }
    #projectmain {
        margin-top: 0px;
    }
    .infosvg {
        margin-right: 20%;
        width: 40px !important;
        height: 40 !important;
        
    }
}

@media only screen and (max-width: 1440px){

    .big-menu-wrapper .main-nav ul li{
        margin-bottom: 25px; 
    }

    .big-menu-wrapper .main-nav ul li a{
        font-size: 24px;
        font-size: 1.5rem; 
    }

    .big-menu-wrapper .left{
        margin-left: 2%; 
    }
    
    .home-over-ons .container{
        margin: 150px auto 0px auto;
    }

    .home-over-ons .container::after{
        width: 790px;
        height: 620px;
    } 
}

@media only screen and (max-width: 1400px){

    .home-over-ons .container::after{
        display: none;
    }
}
   
@media only screen and (max-width: 1210px){

    header .logo{
        left: 4%;
    }

    .menu .menu-toggle{
        right: 4%;
    } 
}

@media only screen and (max-width: 1220px)
{
    .container{
        padding: 0 4%; 
    } 
}

@media only screen and (max-width: 1200px){

    .single-medewerkers .content-side{
        padding: 0 4%;
    }

    .row.contact-adres-row .container{
        background: #fabc43; 
    }

    .row.contact-adres-row .container .row-title{
        padding-left: 75px; 
    }
    
    .row.contact-adres-row .container .block-wrapper{
        padding-left: 75px;
    }

    .floating-logo{
        width: 255px; 
    }

    .floating-logo span{
        display: none; 
    } 
}

@media only screen and (max-width: 1024px){


    .collection-block .part.part-klanten:hover .thumb-overlay{
        height: calc(100% - 40px);
        width: calc(100% - 40px);
        left: 20px;
    }

    .contact-us .block-wrapper .block.content-block{
        padding-bottom: 20px;
    }

    .header-banner .container{
        height: 85vh; 
    }

    .header-banner .header-text *{
        font-size: 24px;
        font-size: 1.5rem; 
    }

    .menu .container{
        height: 60px;
    }

    .menu .logo{
        max-width: 230px;
        left: 4%;
    }

    .menu .menu-toggle{
        height: 44px;
        width: 44px;
        padding-top: 12px;
        top: 5px;
        right: 4%; 
    }

    .menu .menu-toggle i{
        position: relative;
        transform: initial;
        width: 100%;
        top: 0;
        font-size: 24px;
        font-size: 1.5rem;
    }

    .menu .menu-toggle:before{
        display: none;
    }

    .animate-header.menu .menu-toggle i, .project.menu .menu-toggle i{
        color: #252e39; 
    }

    body.fold-out .menu .menu-toggle i{
        color: #FFF!important;
    }

    .header-banner .container::after{
        width: 200px;
        height: 140px; 
    }

    .home-over-ons .container::after{
        display: none; 
    }

    .home-over-ons .container{
        margin: 100px auto; 
    }

    header .main-nav, header .top-nav{
        display: block; 
    }

    .big-menu-wrapper{
        padding: 100px 0 60px 0; 
    }

    .collection-block .part-row.parts-per-row-6 .part, .collection-block .part-row.parts-per-row-4 .part{
        -ms-flex: 0 1 24%;
            flex: 0 1 24%;
    }

    .collection-block .part.project-like-part .thumb-overlay .part-title{
        font-size: 14px;
        font-size: 0.875rem;
        padding: 0px;
    }

    .our-employees-row .part-row.parts-per-row-3{
        -ms-flex-pack: center;
            justify-content: center;
    }

    .part-row.parts-per-row-6{
        -ms-flex-pack: start;
            justify-content: flex-start;
    }

    .collection-block .part-row .part.part-post{
        -ms-flex: 0 1 calc(33.0% - 20px) !important;
            flex: 0 1 calc(33.0% - 20px) !important;
        margin-right: 30px !important;
    }
    
    .collection-block .part-row .part.part-post:nth-child(3n+3){
        margin-right: 0 !important; 
    }

    .collection-block .part-row .part.part-post .part-title{
        font-size: 12px;
        font-size: 0.75rem;
        letter-spacing: 4px;
    }

    .collection-block .part-row .part.part-post .part-content{
        font-size: 12px;
        font-size: 0.75rem;
        margin-bottom: 60px;
    }

    .collection-block .part-row .part.part-post .button, .collection-block .part-row .part.part-post .btn, .collection-block .part-row .part.part-post a[class^="btn--"]{
        font-size: 12px;
        font-size: 0.75rem;
    }

    .related-posts-wrapper .mini-post .related-mini-title{
        font-size: 12px;
        font-size: 0.75rem; 
    }

    .single.single-post .post-content-container h1{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 10px; 
    } 

    .social-links li a, .social-links li a:visited{
        padding-top: 7px !important;
    }

    .single.single-vacatures .main-container{
        padding: 0 4%;
        margin-bottom: 50px; 
    }
    
    .block-wrapper.in-row-1 .block.link-block .block-left .block-title{
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 6px; 
    }

    .row-title{
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 6px; 
    }

    .collection-block .part.part-projecten .thumb-overlay .part-title{
        font-size: 16px;
        font-size: 1rem; 
    }

    .collection-block .part.part-diensten .part-title{
        padding: 0 30px;
    }

    .collection-block .part-row{
        -ms-flex-pack: center;
        justify-content: center; 
    }

    .collection-block .part-row .part.part-medewerkers{
        -ms-flex: 0 1 calc(33.0% - 2%);
            flex: 0 1 calc(33.0% - 2%);
        margin-right: 20px; 
    }

    .copyright-wrapper{
        font-size: 14px;
        font-size: 0.875rem;
        margin-right: 2%; 
    }

    .footer .social-wrapper span{
        font-size: 14px;
        font-size: 0.875rem;
        margin-left: 20px; 
    }

    .social-links li a{
        padding-top: 2px; 
    }

    .footer .block.nav-block nav ul li a, .row.footer-row .block-content p, .footer .collection-block .part.part-vacatures .part-title{
        font-size: 14px;
        font-size: 0.875rem;
    }

    .footer .block-title{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 10px; 
    }

    .collection-block .part.part-recensie .right .part-title{
        font-size: 22px;
        font-size: 1.375rem; 
    }

    .button-container .button, .button-container .btn, .button-container a[class^="btn--"]{
        font-size: 14px;
        font-size: 0.875rem; 
    }

    .page-with-header .regular-header .page-title{
        font-size: 26px;
        font-size: 1.625rem; 
    }

    .filters .button, .filters .btn, .filters a[class^="btn--"], .filters .btn{
        margin-right: 15px;
        margin-bottom: 15px; 
    }

    .row.contact-us-row .block-wrapper .block{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; 
    }

    .row.contact-us-row .block-wrapper .block h2{
        font-size: 22px;
        font-size: 1.375rem;
        letter-spacing: 8px; 
    }

    .row.contact-us-row .container::after{
        left: auto;
        right: 60px;
        bottom: -130px;
        width: 195px;
        height: 155px; 
    } 

    .column-wrapper.four-columns .column{
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
        margin-right: 2%; 
    }

    .column-wrapper.four-columns .column:nth-child(1), .column-wrapper.four-columns .column:nth-child(2){
        margin-bottom: 20px;
    }

    .column-wrapper.four-columns .column:nth-child(even){
        margin-right: 0;
    }

    .collection.gallery .gallery-row{
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        margin-bottom: 0; 
    }

    .collection.gallery .gallery-row .gallery-item, .collection.gallery .gallery-row .gallery-item:visited{
        -ms-flex: 49%;
            flex: 49%;
        max-width: 49%;
        margin: 0 2% 20px 0;
    }

    .collection.gallery .gallery-row .gallery-item:nth-of-type(even), .collection.gallery .gallery-row .gallery-item:visited:nth-of-type(even){
        margin-right: 0; 
    }

    .column.slider-column .main-gallery.images-4 .gallery-cell, .column.slider-column .main-gallery.images-5 .gallery-cell{
        width: 32.5%; 
    } 

    .column.slider-column .main-gallery.images-5 .gallery-cell{
        width: 23.5%; 
    } 
    
    .mobile-nav{
        display: block;
    }
    
    .background-wrapper{
        display: block; 
    }
    
    .menu-switch{
        display: inline-block;
    }
    
    .collection-block .part-row.parts-per-row-4 .part{
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
        margin: 0 2% 30px 0; 
    }

    .collection-block .part-row.parts-per-row-4 .part:nth-of-type(even){
        margin-right: 0; 
    }

    .collection-block .part-row.parts-per-row-4 .part:nth-last-of-type(-n+2){
        margin-bottom: 0; 
    }

    .collection-block .part-row.parts-per-row-6 .part{
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
        margin-bottom: 25px; 
    }

    .collection-block .part-row.parts-per-row-6 .part:nth-child(3n+3){
        margin-right: 2%; 
    }

    .collection-block .part-row.parts-per-row-6 .part:nth-child(even){
        margin-right: 0; 
    }

    .collection-block .part-row.parts-per-row-6 .part:nth-child(-n+3){
        margin-bottom: 25px; 
    }

    .collection-block .part-row.parts-per-row-6 .part:nth-last-child(-n+2){
        margin-bottom: 0; 
    }
    
    .contact-us .block-wrapper .block h2{
        font-size: 1.375rem;
        letter-spacing: 8px!important;
    }

    .contact-us .block-wrapper .block{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    }
}

@media only screen and (max-width: 980px){

    .menu.animate-header{
        height: 60px;
    }

    .section .column-wrapper.sidebar-left .column, .section .column-wrapper.sidebar-right .column{
        -ms-flex: 1;
            flex: 1; 
    }

    .big-menu-wrapper{
        overflow: scroll;
    }
    
    .big-menu-wrapper .left{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin: 0 0 30px 0; 
    }

    .big-menu-wrapper .right{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        padding-left: 75px;
    }

    .big-menu-wrapper .bottom{
        margin-top: 30px;
    }

    .single-projecten .title-container::after, .single-innovaties .title-container::after, .page-template-template-project-look-a-like .title-container:after{
        display: none;
    } 

    .collection-block .part-row.parts-per-row-6 .part{
        -ms-flex: 0 1 calc(50.0% - 20px) !important;
            flex: 0 1 calc(50.0% - 20px) !important;
        margin-bottom: 30px !important;
    }

    .collection-block .part-row.parts-per-row-6 .part:nth-child(2), .collection-block .part-row.parts-per-row-6 .part:nth-child(4), .collection-block .part-row.parts-per-row-6 .part:nth-child(6){
        margin-right: 0 !important;
    }

    .collection-block .part-row.parts-per-row-6 .part:nth-child(3), .collection-block .part-row.parts-per-row-6 .part:nth-child(5){
        margin-right: 30px !important;
    } 
}

@media only screen and (max-width: 850px){

    .column-wrapper.three-columns .column{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin: 0 0 30px 0; 
    }

    .column-wrapper.three-columns .column:last-child{
        margin-bottom: 0; 
    } 
}

@media only screen and (max-width: 800px){

    .collection-block .part-row{
        margin-bottom: 30px; 
    }

    .collection-block .part-row.parts-per-row-3 .part, .collection-block .part-row.parts-per-row-3 .part:visited, .collection-block .part-row.parts-per-row-1 .part, .collection-block .part-row.parts-per-row-1 .part:visited{
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
        margin: 0 0 30px 0; 
    }

    .collection-block .part-row.parts-per-row-3 .part:last-of-type, .collection-block .part-row.parts-per-row-3 .part:visited:last-of-type, .collection-block .part-row.parts-per-row-1 .part:last-of-type, .collection-block .part-row.parts-per-row-1 .part:visited:last-of-type{
          margin-bottom: 0; 
    }
    
    .column.slider-column .main-gallery.images-3 .gallery-cell, .column.slider-column .main-gallery.images-4 .gallery-cell, .column.slider-column .main-gallery.images-5 .gallery-cell{
        width: 49%; 
    } 
}
  
@media only screen and (max-width: 768px){

    .row.timeline-repeater .container .featured-title{
        font-size: 4.375rem;
    }

    .row.timeline-repeater .featured-content{
        padding-left: 270px;
    }

    .over-ons_slide{
        padding-bottom: 0;
    }

    .over-ons_slide .slick-slide{
        padding-bottom: 3.5%;
    }

    .row.timeline-repeater .slick-dots{
        left: 59%;
    }

    .part-row .collection.list{
        margin-right: 0;
        width: 100%;
        display: block;
        -ms-flex: none;
            flex: none; 
    }

    .part-row .collection{
        margin-right: 0;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    }

    .collection-block .part-row{
        margin-bottom: 30px; 
    }
      
    .collection-block .part-row .part, .collection-block .part-row .part:visited{
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        margin: 0 0 30px 0 !important; 
    }

    .collection-block .part-row .part:last-of-type, .collection-block .part-row .part:visited:last-of-type{
        margin-bottom: 0 !important; 
    }

    .section .fullwidth .collection.list .list-block{
        margin-right: 0;
        width: 100%;
        display: block;
        -ms-flex: none;
            flex: none;
        margin-bottom: 10px;
    }

    .section .fullwidth .collection.list .list-block:last-of-type{
        margin-bottom: 0; 
    } 
    .column-row > *{
        margin-bottom: 30px;
    }

    .column-row > *:last-child{
        margin-bottom: 0 !important;
    }

    .section .column-wrapper.half-half .column, .section .column-wrapper.four-columns .column, .section .column-wrapper.sidebar-left .column, .section .column-wrapper.sidebar-right .column{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin-right: 0;
    }

    .section .column-wrapper.half-half .column:nth-child(even), .section .column-wrapper.four-columns .column:nth-child(even), .section .column-wrapper.sidebar-left .column:nth-child(even), .section .column-wrapper.sidebar-right .column:nth-child(even){
        margin-right: 0; 
    }

    .section .filter-column{
        -ms-flex-order: -1;
                order: -1;
        margin-bottom: 30px !important; 
    }

    .column-wrapper .column{
        margin-bottom: 30px;
    }

    .column-wrapper .column:last-of-type{
        margin-bottom: 0; 
    }

    .column-wrapper.four-columns .column{
        margin-bottom: 30px; 
    }

    .column-wrapper.four-columns .column:nth-child(1), .column-wrapper.four-columns .column:nth-child(2){
        margin-bottom: 30px; 
    }

    .column-wrapper.four-columns .column:last-of-type{
        margin-bottom: 0; 
    }

    .slider-column .main-gallery .gallery-cell{
        width: 32%; 
    }
    .floating-logo{
        width: 200px;
        padding: 14px; 
    }

    .floating-logo .logo-wrapper{
        width: 180px;
        height: 90px; 
    }

    .single-projecten .row.intro-row .block.content *, .single-innovaties .row.intro-row .block.content *, .page-template-template-project-look-a-like .row.intro-row .block.content{
        max-width: 100%;
        margin-right: 0; 
    }

    .collection-block .part.part-big-vacancy .part-title{
        font-size: 22px;
        font-size: 1.375rem; 
    }

    body{
        font-size: 14px;
        font-size: 0.875rem;
    }

    p, a, span, ol, ul, li, strong, em, i, b, big, small, tt, abbr, acronym, cite, code, dfn, em, kbd, samp, var, br, sub, sup, button, input, label, select, textarea{
        line-height: 1.8;
    }
    
    .block.slider-block .slide-item{
        width: calc( 33% - 30px); 
    }

    .row.contact-adres-row .container{
        padding: 180px 4% 70px 4%;
    }

    .row.contact-adres-row .container .row-title{
        padding-left: 4%;
        font-size: 38px;
        font-size: 2.375rem;
        letter-spacing: 10px; 
    }

    .row.contact-adres-row .container .block-wrapper{
        padding-left: 0; 
    }

    .row-title{
        font-size: 18px;
        font-size: 1.125rem; 
    }

    .row.home-over-ons .container{
        margin: 50px auto 0 auto; 
    }
    
    .row.our-projects-row{
        padding: 50px 0; 
    }

    .row{
        padding-bottom: 50px;
    }

    .collection-block .part-row .part.part-projecten, .collection-block .part-row .part.part-projecten:visited, .collection-block .part-row .part.project-like-part, .collection-block .part-row .part.project-like-part:visited{
        -ms-flex: 0 1 50% !important;
            flex: 0 1 50% !important;
        margin: 0 !important;
    }

    .collection-block .part.part-recensie .left{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin-bottom: 80px;
    }

    .collection-block .part.part-recensie .right{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; 
    }

    .collection-block .part.part-recensie .left:before{
        width: 113px;
        height: 98px; 
    }

    .row.diensten-row .container:before{
        width: 113px;
        height: 98px; 
    }

    .row.timeline-repeater .container .featured-item .featured-title{
        font-size: 70px;
        font-size: 4.375rem; 
    }

    .row.timeline-repeater .featured-item .featured-content, .row.timeline-repeater .block-title{
        padding-left: 270px; 
    }

    .row.vacancies-row .block{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; 
    }

    .row.vacancies-row .block-title{
        font-size: 28px;
        font-size: 1.75rem; 
    }

    .big-menu-wrapper .main-nav ul li a, .big-menu-wrapper .main-nav ul li a:visited{
        font-size: 20px;
        font-size: 1.25rem;
        margin-left: 15px;
        padding-left: 20px; 
    }

    .big-menu-wrapper .main-nav ul li.current-menu-item a:before, .big-menu-wrapper .main-nav ul li.current-menu-item a:visited:before, .big-menu-wrapper .main-nav ul li.current_page_parent a:before, .big-menu-wrapper .main-nav ul li.current_page_parent a:visited:before{
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        top: 50%;
        left: -15px;
        margin-top: -15px;
        border-left-width: 20px;
    }

    .big-menu-wrapper .right{
        padding-left: 35px;
    }

    .big-menu-wrapper .right .bottom *{
        font-size: 14px;
        font-size: 0.875rem; 
    }

    .big-menu-wrapper .sub-nav ul li a, .big-menu-wrapper .sub-nav ul li a:visited{
        font-size: 18px;
        font-size: 1.125rem; 
    }

    .collection-block .part-row.parts-per-row-3 .part{
        -ms-flex: 0 0 52% !important;
            flex: 0 0 52% !important; 
    }

    .diensten-row .collection-block .part.part-diensten{
        -ms-flex: 0 0 33% !important;
            flex: 0 0 33% !important; 
    }

    .diensten-row .collection-block .part.part-diensten .thumb{
        padding: 0 40px; 
    }

    .diensten-row .collection-block .part.part-diensten .part-title{
        font-size: 16px;
        font-size: 1rem; 
    }

    .row.home-innovatie .block-wrapper.in-row-1 .block.link-block{
        -ms-flex-flow: wrap;
            flex-flow: wrap; 
    }

    .row.home-innovatie::after{
        top: -50px;
        right: -9%;
    }

    .collection-block .part-row .part.part-medewerkers{
        -ms-flex: 0 0 32% !important;
            flex: 0 0 32% !important;
        margin-right: 2% !important; 
    }

    .collection-block .part-row .part.part-medewerkers:last-child{
        margin-right: 0 !important;
    }

    .part.part-medewerkers .thumb, .part.part-medewerkers .thumb-overlay{
        height: 230px; 
    }

    .part.part-medewerkers .thumb::after, .part.part-medewerkers:visited .thumb::after{
        top: 210px;
        width: 50px;
        height: 40px; 
    }

    .single-medewerkers .content-side, .single-klanten .content-side{
        margin: 80px auto; 
    }

    .single-medewerkers .content-side .left, .single-klanten .content-side .left{
        margin-right: 0;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; 
    }

    .single-medewerkers .content-side .left .content-wrapper .thumb, .single-klanten .content-side .left .content-wrapper .thumb{
        background-position: bottom center !important;
    }

    .single-medewerkers .right, .single-klanten .right{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        padding: 0 4%; 
    }
    
    .single-medewerkers .right .content-wrapper h1, .single-klanten .right .content-wrapper h1{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 10px; 
    }

    .single-klanten .related-title, .single-medewerkers .related-title{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 10px;
    }

    .page-with-filter .collection-block .part-row .part{
        width: 50%; 
    }

    .header-banner .header-text *{
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: 6px;
    }

    .header-banner .container::after{
        width: 150px;
        height: 105px; 
    }
    
    .footer .block-title{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 6px;
        line-height: 1.8; 
    } 

    .part.part-medewerkers,  .part.part-medewerkers:visited{
        width: 45%;
        margin-right: 2%;
        display: inline-block;
    }

    .part.part-medewerkers .thumb,  .part.part-medewerkers .thumb-overlay,  .part.part-medewerkers:visited .thumb,  .part.part-medewerkers:visited .thumb-overlay{
        background-position: center center;
    }

    .block-wrapper.in-row-1 .block.link-block .block-left{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin: 0; 
    }

    .block-wrapper.in-row-1 .block.link-block .block-right{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        -ms-flex-order: -1;
            order: -1;
        padding: 0;
        margin-bottom: 30px;
    }

    .block-wrapper.in-row-1 .block.link-block .block-left .block-title{
        letter-spacing: 6px;
        line-height: 1.8;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .block-wrapper.in-row-1 .block.link-block .block-left .block-content p{
        line-height: 1.8;
    }

    .collection-block .part.part-recensie .right .part-title{
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: 6px; 
    }

    .row.diensten-row{
        margin-bottom: 50px; 
    } 
    
    .form .form-fields .field-row .field-wrapper{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin: 0 0 15px 0; 
    } 
}

@media only screen and (max-width: 720px){

    .menu .menu-side{
        display: none; 
    } 
}
  
@media only screen and (max-width: 600px){

    .row.timeline-repeater .slick-dots{
        left: 49%;
        bottom: -45px;
        text-align: center;
        padding: 0 4%;
        width: 60%;
    }

    .over-ons_slide{
        padding-top: 0;
    }

    .row.timeline-repeater .container .my_slide_over-ons{
        -ms-flex-align: center;
            align-items: center;
        margin-right: 0;
        width: 100%;
    }

    .row.timeline-repeater .container .featured-title{
        padding: 0 4%;
        text-align: center;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        position: relative;
        top: auto;
        transform: none;
        margin-bottom: 35px;
    }

    .row.timeline-repeater .container .featured-content{
        letter-spacing: 2px;
        padding: 0 8%;
        text-align: center;
        position: relative;
        display: block;
        width: 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        font-size: 0.875rem;
    }

    .row.timeline-repeater{
        background: linear-gradient(to right, #fff 0%,#fff 50%,#ffffff 50%,#ffffff 100%);
    }

    .row.timeline-repeater .container{
        background: #dd6f10;
        padding: 0;
    }
    
    .row.timeline-repeater .container .block-title{
        padding-left: 0;
        text-align: center;
        font-size: 1.125rem;
        letter-spacing: 8px;
        color: #FFF;
        padding-bottom: 30px;
    }

    .section .fullwidth .collection.list li{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin: 0 0 10px 0; 
    }

    .section .fullwidth .collection.list li:last-of-type{
        margin-bottom: 0; 
    }

    .collection-block .part-row.parts-per-row-3, .collection-block .part-row.parts-per-row-4{
        padding: 0; 
    }

    .collection-block .part-row.parts-per-row-2{
        margin-bottom: 30px; 
    }

    .collection-block .part-row.parts-per-row-2 .part{
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
        margin: 0 0 30px 0; 
    }
        
    .collection-block .part-row.parts-per-row-2 .part:last-of-type{
          margin-bottom: 0; 
    }
    
    .collection-block .part-row.parts-per-row-6 .part{
        -ms-flex: 0 1 100% !important;
            flex: 0 1 100% !important;
        margin-right: 0px !important; 
    }

    .header-banner .header-text *{
        font-size: 16px;
        font-size: 1rem;
    }

    .row.contact-us-row .block.form-block{
        -ms-flex: 100%;
            flex: 100%;
    }

    .diensten-row .collection-block .part.part-diensten{
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important; 
    }

    .row.contact-us-row .container::after{
        left: auto;
        right: 40px;
        bottom: -129px;
        width: 145px;
        height: 124px; 
    }

    .row.timeline-repeater{
        margin-bottom: 100px; 
    }

    .row.timeline-repeater .container{
        background: #dd6f10;
        padding: 0; 
    }

    .row.timeline-repeater .container .block-title{
        padding-left: 0;
        text-align: center;
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 8px;
        color: #FFFFFF;
        padding-bottom: 30px; 
    }

    .row.timeline-repeater .container .featured-item{
        -ms-flex-align: center;
            align-items: center;
        margin-right: 0;
        width: 100%;
    }

    .row.timeline-repeater .container .featured-item .featured-title{
        padding: 0 4%;
        text-align: center;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        position: relative;
        top: auto;
        transform: none; 
    }

    .row.timeline-repeater .container .featured-item .featured-content{
        letter-spacing: 2px;
        padding: 0 8%;
        text-align: center;
        position: relative;
        display: block;
        width: 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .row.timeline-repeater .container{
        padding: 0 4%;
        text-align: center;
        bottom: -45px;
    }

    .collection-block .part-row .part.part-medewerkers{
        -ms-flex: 0 1 100% !important;
            flex: 0 1 100% !important;
        margin-right: 0 !important; 
    }

    .collection-block .part-row .part.part-medewerkers .thumb, .collection-block .part-row .part.part-medewerkers .thumb-overlay{
        height: 360px !important;
    }

    .part.part-medewerkers .thumb::after, .part.part-medewerkers:visited .thumb::after{
        top: 340px; 
    }

    .collection-block .part.part-vacatures .part-title{
        font-size: 16px;
        font-size: 1rem;
    }

    .row.vacancies-row .block{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        padding: 0px 10% 20px 10%;
        margin: 0;
    }

    .row.vacancies-row .block .block-title{
        letter-spacing: 10px;
        line-height: 1.8;
        font-size: 18px;
        font-size: 1.125rem;
        text-align: center; 
    }
    
    .floating-logo{
        width: 137px;
    }

    .floating-logo .logo-wrapper{
        width: 120px;
        height: 60px; 
    }

    .floating-logo.addbottom{
        bottom: 195px; 
    }

    .collection-block .part.part-big-vacancy .part-title, .collection-block .part.part-big-vacancy:visited .part-title{
        padding-right: 0; 
    }

    .collection-block .part.part-big-vacancy:nth-child(even) .mini-container::after, .collection-block .part.part-big-vacancy:visited:nth-child(even) .mini-container:after{
        right: 50px;
        top: -50px;
        width: 125px;
        height: 105px;
    }

    .single-medewerkers .content-side .left .content-wrapper .thumb::after, .single-klanten .content-side .left .content-wrapper .thumb:after{
        right: -35px;
        bottom: -30px;
        width: 60px;
        height: 50px; 
    }

    .single-medewerkers .content-side .left .content-wrapper .thumb, .single-klanten .content-side .left .content-wrapper .thumb{
        height: 245px; 
    }

    .page-template-template-project-look-a-like .row.intro-row .block.content h2, .page-template-template-project-look-a-like .row.intro-row .block.content h3, .page-template-template-project-look-a-like .row.intro-row .block.content h4{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 4px; 
    }

    .page-with-header .regular-header .container{
        padding-left: 0; 
    }

    .page-with-header .regular-header .page-title{
        margin: 0 auto;
        text-align: center;
        padding: 0 4%;
        font-size: 18px;
        font-size: 1.125rem; 
    }

    .row.footer-row .block-wrapper .block{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        margin-bottom: 30px;
        margin-right: 0; 
    }
    
    .row.footer-row .block-wrapper .block:last-child{
        margin-bottom: 0; 
    }

    .copyright-wrapper{
        margin-left: 20px;
        padding-top: 15px; 
    }

    .block-wrapper .block, .block-wrapper .collection{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; 
    }

    .block-wrapper .block:first-child, .block-wrapper .collection:first-child{
        margin-bottom: 20px; 
    }

    .row.filter-row .collection-block .part-row .part.part-projecten{
        -ms-flex: 0 1 100% !important;
            flex: 0 1 100% !important;
        width: 100%;
    }

    .row.contact-us-row .block.content-block *{
        font-size: 28px;
        font-size: 1.75rem; 
    }

    .single-projecten .page-title, .single-innovaties .page-title, .page-template-template-project-look-a-like .page-title{
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 10px; 
    }

    .small-container {
        padding: 0 4%; 
    }

    .slider-look-a-like-medewerkers .part.part-medewerkers{
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
        margin-right: 0; 
    }

    .slider-look-a-like-medewerkers .part.part-medewerkers .thumb, .slider-look-a-like-medewerkers .part.part-medewerkers .thumb-overlay{
        height: 360px; 
    }
    
    .single.single-post .post-content-container{
        margin: 10px auto 50px auto;
    }

    .single.single-post .post-content-container .left{
        margin-right: 0;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; 
    }

    .row.home-innovatie{
        padding: 100px 0 100px 0;
    }

    .row.home-innovatie .block-wrapper.in-row-1 .block.link-block .block-right{
        padding-right: 0; 
    }

    .block.collection-block .part-row.parts-per-row-3 .part{
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        margin-right: 0;
        margin-bottom: 30px !important; 
    }

    .single.single-diensten .row.diensten-row{
        margin-top: 0; 
    }

    .single.single-diensten .part.part-diensten.active-page:before, .single.single-diensten .part.part-diensten:visited.active-page:before{
        display: none; 
    }

    .contents ul li{
        margin-bottom: 65px;
    }

    .row.contact-adres-row .social-links{
        padding: 0; 
    }

    .row.contact-adres-row .social-links li a {
        padding-top: 7px !important; 
    }

    .social-links li a, .social-links li a:visited{
        padding-top: 5px !important; 
    }
    
    .column.slider-column .main-gallery .gallery-cell{
        width: 100%;
    }

    .column.slider-column .main-gallery.images-2 .gallery-cell, .column.slider-column .main-gallery.images-3 .gallery-cell, .column.slider-column .main-gallery.images-4 .gallery-cell, .column.slider-column .main-gallery.images-5 .gallery-cell{
        width: 100%;      
    }

    .slider-column .main-gallery .gallery-cell{
        width: 49%; 
    }
}

@media only screen and (max-width: 560px){
    
    .row.timeline-repeater .slick-dots{
        width:0;
        left: 53%;
        margin-top: 20px;
        width: 209px;
    }
}

@media only screen and (max-width: 550px){

    .part.part-medewerkers,  .part.part-medewerkers:visited{
        width: 90%; 
    }  
}

@media only screen and (max-width: 480px){
    
    .collection-block .part-row{
        margin-bottom: 15px !important; 
    }

    .collection-block .part-row .part{
        margin: 0 0 15px !important; 
    }

    .collection-block .part-row .part:last-child{
        margin-bottom: 0 !important; 
    }
    
    .single-medewerkers .content-side, .klanten-medewerkers .content-side{
        margin: 20px auto 80px auto !important; 
    }

    #main .contents .row:first-child{
        padding: 50px 0;
    }

    .page-with-header #main .regular-header + .contents .row:first-child{
        padding: 0; 
    }

    h1{
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: 6px !important;
        line-height: 1.6; 
    }

    h2{
        font-size: 20px;
        font-size: 1.25rem; 
    }

    h3{
        font-size: 18px;
        font-size: 1.125rem; 
    }

    .big-menu-wrapper .main-nav ul li{
        margin-bottom: 5px !important; 
    }

    .collection-block .part-row .part.part-projecten, .collection-block .part-row .part.part-projecten:visited, .collection-block .part-row .part.project-like-part, .collection-block .part-row .part.project-like-part:visited{
        -ms-flex: 0 1 100% !important;
            flex: 0 1 100% !important;
    }

    .social-links{
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        padding: 20px;
    }

    .header-banner .scroll-ico svg
    {
        width: 20px; 
    }

    .row.timeline-repeater .container .featured-item .featured-title{
        font-size: 70px;
        font-size: 4.375rem; 
    }

    .filters .button, .filters .btn, .filters a[class^="btn--"], .filters .btn, .filters a[class^="btn--"], .filters .btn{
        width: 100%;
    }

    .filters .search-form{
        width: 100%;
    }

    .filters .search-form #search-query{
        text-align: center;
        width: 100%; 
    }

    .filters .search-form .submit{
        right: 30%; 
    }

    .global-slider.slider-look-a-like .slide-item, .global-slider.slider-look-a-like-medewerkers .slide-item{
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
        margin-right: 0; 
    }

    .column.slider-column .main-gallery{
        padding: 0;
    }

    .column.slider-column{
        display: none; 
    }

    .column.slider-column .main-gallery.nav-arrows-true{
        padding: 0; 
    }

    .collection.gallery .gallery-row{
        -ms-flex: none;
            flex: none;
        display: block; 
    }

    .collection.gallery .gallery-row .gallery-item, .collection.gallery .gallery-row .gallery-item:visited{
        -ms-flex: none;
            flex: none;
        display: block;
        max-width: none;
        width: 100%;
        margin: 0 0 15px 0; 
    }

    .section .five-columns{
        -ms-flex: none;
            flex: none;
        display: block; 
    }

    .section .five-columns .column{
        -ms-flex: none;
            flex: none;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 0 15px 0; 
    } 
}

@media only screen and (max-width: 400px){

    .slider-column .main-gallery .gallery-cell{
        width: 100%;
    }

    .share-buttons .share-text{
        display: block;
        margin: 0 0 15px 0; 
    } 
}